<template>
  <div class="home">
      <!-- 头部 -->
    <indexHeader></indexHeader>
     <!-- 内容区域 -->
      <nuxt-child/>
    <!-- 底部 -->
    <foot></foot>
  </div>
</template>

<script>
import indexHeader from '@/components/index/header.vue';
import foot from '@/components/foot/foot.vue';
export default {
  components: {
    indexHeader,
    foot
  },
  data(){
    return{
    }
  },

};
</script>
<style scoped lang="scss">
 .newSwiper{width:700px;height:290px;
   ::v-deep .el-carousel__indicators{right:0!important;left:auto!important;transform:none!important;bottom:3px;
    .el-carousel__indicator--horizontal{
      .el-carousel__button{width:8px!important;height:3px}
      &.is-active{
        .el-carousel__button{width:16px!important;height:3px}
      }
    }
   }
   .bannerImg{width:700px;height:290px;position: relative;
    el-image{width:700px;height:290px;}
    .title{position: absolute;z-index:999;width:100%;height:35px;line-height:35px;background: rgba(0, 0, 0, 0.6);left:0;bottom:0;padding:0 200px 0 20px;box-sizing: border-box;color:#FFFFFF;}
   }
 }
 .bannerRightNew{
   width:470px;height:300px;
   .newsMenu{width:470px;height:30px;margin-bottom:8px;
   color: #757575;
   .newsMenuItem{height:30px;line-height:30px;border:1px solid #f0f0f0;padding:0 20px;background:#f6f6f6;cursor: pointer;
     &.checked{background:#ef9b76;color:#FFFFFF;border-color:#ef9b76;}
     }
   }
   .bannerRightNewItem{
     cursor: pointer;
     .label{width:16px;height:16px;background:#dddddd;border-radius:2px 8px 8px 2px;font-size:12px;text-align: center;color:#FFFFFF;flex-shrink: 0;margin-right:10px;}
     .title{width:380px;height:30px;line-height:30px;color: #757575;
     &:hover{color:#454545;}
     }
     .time{width:60px;text-align: right;color:#aaa;}
     &:nth-child(1) .label{background: #ef9b76;}
     &:nth-child(2) .label{background: #ef9b76;}
     &:nth-child(3) .label{background: #ef9b76;}
     .time{width:70px;flex-shrink: 0}
   }
  }
  .fourMenuItem{width:285px;height:50px;line-height:50px;color:#FFFFFF;border-radius:3px;font-weight: lighter;
    &.bg1{background: #6696CC;}
    &.bg2{background: #ef9033;}
    &.bg3{background: #f7638d;}
    &.bg4{background: #ef9b76;}
    .el-image{width:40px;height:40px;}
  }
  .adImg{width:100%;height:118px;
  .el-image{width:100%;height:118px;}
  }
  .grayBlcok{background:#F9F9F9;}
  .menuTit{width:100%;height:45px;border-bottom:1px solid #caccd4;line-height:45px;border-bottom:1px solid #caccd4;
    .titleLine{height:44px;position: relative;
    &:before{content: '';display: block;width:100%;height:1px;border-bottom:1px solid #ef9b76;position: absolute;left:0;bottom:-1px;}
    }
  }
  .linkItem{color: #959595;
    font-size: 14px;
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border: 1px solid #ddd;
    background: #fff;
    margin-right: 15px;
     cursor: pointer;
    &:hover{
      border: 1px solid #ef9b76;
          color: #fff;
          background: #ef9b76;
          cursor: pointer;
    }
    }
</style>
